/**
 * Created by mac on 2017/12/21.
 */
import React from 'react'
import {Button} from 'antd'
export  default class Counter extends React.Component {

    render() {
        /*方式一*/
        // 这里的三个函数对应为reduce中声明的对应的三个函数
        // 这里特地将名字更改了以示验证
        //const {inc, des, res} = this.props
        /*方式二 */
        // 在对应的container使用bindActionCreators函数绑定action
        // 则在此处可以直接通过key 发送对应的action 即可
        return (
            <div>
                <p>current count : {this.props.count}</p>
                <Button onClick={this.props.counterActions.increment}>增加</Button>
                <Button onClick={this.props.counterActions.descrement}>减少</Button>
                <Button onClick={this.props.counterActions.reset}>重置</Button>
            </div>
        )
    }
}